﻿<div data-role="view" id="viewDriverRegistration" data-title="." style="display: none">
    <header data-role="header">
        <div data-role="navbar">
            <a id="backbutton" class="iconb" data-align="left" data-icon="&#xf053;" data-role="button" href="#:back"></a>
            <div class="app-icon"></div>
            <a id="menubutton" class="iconb" data-align="right" data-icon="&#x31;" data-role="button" href="#popover-account-overflow" data-rel="popover"></a>
            <!--<span data-role="view-title"></span>-->

        </div>
    </header>
    <div data-role="popover" id="popover-account-overflow" data-popup='{"height": 55, "width": 125}'>
        <div id="popupview" data-role="view" data-title="Existing User" style="display: inline">
            <ul data-role="listview" data-click="app.accountView.action">
                <li data-action="logout">Already Registered?</li>
            </ul>
        </div>
    </div>
    <div id="viewDriverRegistrationContent" data-role="content">
        <h3 id="lbl_FirstTime_Warning">Driver Registration...</h3>
        <div>
             <form>
                <div class="form-element">
                    <label for="txtfullname">Full Name</label>
                    <input id="txtfullname" name="fullname" type="text" placeholder="required" required />
                  </div>
                  <div class="form-element">
                    <label for="txtemail">Email</label>
                    <input id="txtemail" name="email" type="email" placeholder="optional" />
                  </div>
                  <div class="form-element">
                    <label for="txtcontact">Contact Number</label>
                    <input id="txtcontact" name="contact" type="tel" pattern="\d{10}"  validationMessage="Plase enter a ten digit phone number" placeholder="optional or enter 10 digits" />
                  </div>
                 <div><span class="clear">&nbsp;</span></div>
                 <div id="buttonHolder">
                    <input type="reset" data-role="button" class="button button3" value="Reset" />
                    <input type="submit" data-role="button" class="button button2" value="Submit" data-click="app.viewModelDriver.addDriverClick" />
                    
                </div>
                </form>
    </div>
</div>
